layui.use(['layer', 'laypage', 'element', 'form', 'upload'], function () {
    //由于layer弹层依赖jQuery，所以可以直接得到
    var $ = layui.$,
        layer = layui.layer,
        upload = layui.upload;

    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

    //表单
    var form = layui.form;

    //监听提交
    form.on('submit(formDemo)', function (data) {
        layer.msg(JSON.stringify(data.field));
        return false;
    });

    $(".user-left-menu").find("a").click(function () {
        $(".user-left-menu").find("a").removeClass("active");
        $(this).addClass("active");
        var id = $(this).attr("name");
        changetag(id);
    });

    //上传头像
    var uploadInst = upload.render({
        elem: '#uploadhead'
        , url: '/uploadHead'
        , accept: 'images'
        , size: 50000
        , done: function (res) {
            //如果上传失败
            if (res.code > 0) {
                return layer.msg('上传失败');
            }
            //上传成功
            var demoText = $('#uploadHead');
            demoText.html('<span style="color: #4cae4c;">上传成功</span>');

            var fileupload = $(".image");
            fileupload.attr("value", res.data.src);
            console.log(fileupload.attr("value"));
        }
        , error: function () {
            //演示失败状态，并实现重传
            var demoText = $('#uploadhead');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function () {
                uploadInst.upload();
            });
        }
    });

    function changetag(id) {
        $(".nothing").hide();
        noHis();
        switch (id) {
            case "1":
                $(".nothing").hide();
                if ($(".user-main-menu").find("#user-data").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-data").fadeIn("slow");
                    break;
                }
            case "2":
                $(".nothing").hide();
                if ($(".user-main-menu").find("#user-collection").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-collection").fadeIn("slow");
                    break;
                }
            case "3":
                $(".nothing").hide();
                if ($(".user-main-menu").find("#user-follows").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-follows").fadeIn("slow");
                    if ($("#user-follows .fllows-content ul li").length == "0") {
                        $("#user-follows .fllows-content").hide();
                        $(".nothing").fadeIn("slow");
                    }
                    break;
                }
            case "4":
                $(".nothing").hide();
                if ($(".user-main-menu").find("#user-fans").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-fans").fadeIn("slow");
                    if ($("#user-fans .fllows-content ul li").length == "0") {
                        $("#user-fans .fllows-content").hide();
                        $(".nothing").fadeIn("slow");
                    }
                    break;
                }
            case "5":
                $(".nothing").hide();
                if ($(".user-main-menu").find("#user-history").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-history").fadeIn("slow");
                    break;
                }
            case "6":
                if ($(".user-main-menu").find("#user-log").css("display") == "block") {
                    break;
                } else {
                    $(".user-main-menu").find(".user-main-item").hide();
                    $(".user-main-menu").find("#user-log").fadeIn("slow");
                    break;
                }
            default:
                break;
        }
    }

    // $(".user-left-menu").find("a").hover(function(){
    // 	if($(this).hasClass("active")){
    // 		$(this).css("background-color", "#CD0000");
    // 	}
    // });

    //个人资料修改事件
    $(".modif").click(function () {
        $(".nick").hide("fast");
        $(".self").hide("fast");
        $(".modif_box").show("fast");
    });
    $(".cancel").click(function () {
        $(".nick").show("fast");
        $(".self").show("fast");
        $(".modif_box").hide("fast");
    });
    $(".confirm").click(function () {
        $(".nick").show("fast");
        $(".self").show("fast");
        $(".modif_box").hide("fast");
    });
    //修改头像

    // //进入收藏
    // $(".collection-content").find("li").click(function() {
    // 	$("#header-block").hide("slow");
    // 	$(".collection-content").hide("slow");
    // 	$("#header-none").show("slow");
    // 	$(".collection-list").show("slow");
    // });
    // $("#header-none").click(function() {
    // 	$("#header-block").show("slow");
    // 	$(".collection-content").show("slow");
    // 	$("#header-none").hide("slow");
    // 	$(".collection-list").hide("slow");
    // });
    //
    // //新建收藏夹
    // $(".user-collection .new-collection").click(function() {
    // 	layer.open({
    // 		type: 1,
    // 		content: '传入任意的文本或html' //这里content是一个普通的String
    // 	});
    // });
    //清除历史记录
    //全部
    $(".user-history .new-collection").click(function () {
        var id = $(this).attr("value");
        $.ajax({
            url: "/User/emptyhisbyid",
            data: {id: id},
            success: function (data) {
                $(".history-content ul li").remove();
                layer.msg(data.msg);
                noHis();
            }
        });
    });
    //单个
    $(".history-content li").find("i").click(function () {
        var t = $(this);
        var hid = t.attr("value");
        $.ajax({
            url: "/User/delhisbyhid",
            data: {hid: hid},
            success: function (data) {
                t.parent().parent().remove();
                layer.msg(data.msg);
                noHis();
            }
        });
    });

    //无历史记录提示
    function noHis() {
        if ($(".history-content ul li").length == "0") {
            $(".history-content").hide();
            $(".nothing").fadeIn("slow");
        }
    }

    //批量管理
    $(".cursor").click(function () {
        if ($(this).text() == "批量管理") {
            $(".x").hide();
            $(".item-right").hide();
            $(".y").show();
            $(".all_select").show();
            $(".sel").show();
        }
        if ($(this).text() == "退出批量管理") {
            $(".x").show();
            $(".item-right").show();
            $(".y").hide();
            $(".all_select").hide();
            $(".sel").hide();
        }
    });

    //安全管理-安全系数
    var score = $(".safe-score").find("i").text();
    safestatus(score);

    function safestatus(sco) {
        if (sco == "25") {
            score = $(".safe-score").find("i").css("color", "red");
            score = $(".safe-score").find("span").css("color", "red");
            $("#h1").show();
        } else if (sco == "50") {
            score = $(".safe-score").find("i").css("color", "#EE7600");
            score = $(".safe-score").find("span").css("color", "#EE7600");
            $("#h2").show();
        } else if (sco == "75") {
            score = $(".safe-score").find("i").css("color", "limegreen");
            score = $(".safe-score").find("span").css("color", "limegreen");
            $("#h3").show();
        } else {
            score = $(".safe-score").find("i").css("color", "limegreen");
            score = $(".safe-score").find("span").css("color", "limegreen");
            $("#h3").show();
        }
    }

    //安全管理-修改密码
    $(".user-collection").find("li").click(function () {
        $(".user-collection").find("li").removeClass("layui-this");
        $(this).addClass("layui-this");
        var i = $(this).attr("name");
        switch (i) {
            case "1":
                if ($(".password").css("display") == "block") {
                    break;
                } else {
                    $(".email").hide();
                    $(".password").fadeIn("slow");
                    break;
                }
            case "2":
                if ($(".email").css("display") == "block") {
                    break;
                } else {
                    $(".password").hide();
                    $(".email").fadeIn("slow");
                    break;
                }
            default:
                break;
        }
    });

    //安全管理-安全系数
    $(".user-list-ul").find("a").click(function () {
        $(".user-left-menu").find("a").removeClass("active");
        var aid = $(this).attr("name");
        var Aid = "a" + aid;
        $(".user-left-menu").find("#" + Aid).addClass("active");
        changetag(aid);
    });

    // $(".user-list-ul").find(".layui-icon").css("color","#EE7600");
    $(".user-list-ul").find(".layui-icon").addClass("layui-icon-ok-circle");
    // $(".user-list-ul").find(".layui-icon").css("color","limegreen");
    // $(".user-list-ul").find(".layui-icon").addClass("layui-icon-tips");

    //无内容提示
    function nothing() {
        if ($(".fllows-content ul li").length == "0") {
            $(".fllows-content").hide();
            $(".nothing").fadeIn("slow");
        }
    }

    //是否显示分页
    //收藏
    var len1 = $(".user-main-item .collection-list .collection-items li");
    if (len1.length > 6) {
        $(".user-main-item #page1").show();
    }
    //关注
    //收藏
    var len2 = $(".user-main-item .user-follows .fllows-content ul li");
    if (len2.length > 8) {
        $(".user-main-item #page2").show();
    }
    //粉丝
    //收藏
    var len3 = $(".user-main-item .user-fans .fllows-content ul li");
    if (len3.length > 8) {
        $(".user-main-item #page3").show();
    }
    //浏览历史
    //收藏
    var len4 = $(".user-main-item .history-content .fllows-content ul li");
    if (len4.length > 17) {
        $(".user-main-item #page4").show();
    }
    // 分页
    var laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
        elem: 'page1' //注意，这里的 test1 是 ID，不用加 # 号
        ,
        count: 10, //数据总数，从服务端得到
        limit: 6,
        limits: 3
    });
    laypage.render({
        elem: 'page2' //注意，这里的 test1 是 ID，不用加 # 号
        ,
        count: 10, //数据总数，从服务端得到
        limit: 8,
        limits: 3
    });
    laypage.render({
        elem: 'page3' //注意，这里的 test1 是 ID，不用加 # 号
        ,
        count: 10, //数据总数，从服务端得到
        limit: 8,
        limits: 3
    });
    laypage.render({
        elem: 'page4' //注意，这里的 test1 是 ID，不用加 # 号
        ,
        count: 10, //数据总数，从服务端得到
        limit: 17,
        limits: 3
    });
});
